:host, :host[theme-mode='light'] {
    --td-brand-color-1: #ecf2fe;
    --td-brand-color-2: #d4e3fc;
    --td-brand-color-3: #bbd3fb;
    --td-brand-color-4: #96bbf8;
    --td-brand-color-5: #699ef5;
    --td-brand-color-6: #4787f0;
    --td-brand-color-7: #266fe8;
    --td-brand-color-8: #0052d9;
    --td-brand-color-9: #0034b5;
    --td-brand-color-10: #001f97;
    --td-warning-color-1: #fef3e6;
    --td-warning-color-2: #f9e0c7;
    --td-warning-color-3: #f7c797;
    --td-warning-color-4: #f2995f;
    --td-warning-color-5: #ed7b2f;
    --td-warning-color-6: #d35a21;
    --td-warning-color-7: #ba431b;
    --td-warning-color-8: #9e3610;
    --td-warning-color-9: #842b0b;
    --td-warning-color-10: #5a1907;
    --td-error-color-1: #fdecee;
    --td-error-color-2: #f9d7d9;
    --td-error-color-3: #f8b9be;
    --td-error-color-4: #f78d94;
    --td-error-color-5: #f36d78;
    --td-error-color-6: #e34d59;
    --td-error-color-7: #c9353f;
    --td-error-color-8: #b11f26;
    --td-error-color-9: #951114;
    --td-error-color-10: #680506;
    --td-success-color-1: #e8f8f2;
    --td-success-color-2: #bcebdc;
    --td-success-color-3: #85dbbe;
    --td-success-color-4: #48c79c;
    --td-success-color-5: #00a870;
    --td-success-color-6: #078d5c;
    --td-success-color-7: #067945;
    --td-success-color-8: #056334;
    --td-success-color-9: #044f2a;
    --td-success-color-10: #033017;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e7e7e7;
    --td-gray-color-4: #dcdcdc;
    --td-gray-color-5: #c5c5c5;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #383838;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: #ffffff;
    --td-font-white-2: rgba(255, 255, 255, 0.55);
    --td-font-white-3: rgba(255, 255, 255, 0.35);
    --td-font-white-4: rgba(255, 255, 255, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color: var(--td-brand-color-8);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-mask-active: rgba(0, 0, 0, 0.6);
    --td-mask-disabled: rgba(255, 255, 255, 0.6);
    --td-bg-color-page: var(--td-gray-color-2);
    --td-bg-color-container: #fff;
    --td-bg-color-container-hover: var(--td-gray-color-1);
    --td-bg-color-container-active: var(--td-gray-color-3);
    --td-bg-color-container-select: #fff;
    --td-bg-color-secondarycontainer: var(--td-gray-color-1);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
    --td-bg-color-component: var(--td-gray-color-3);
    --td-bg-color-component-hover: var(--td-gray-color-4);
    --td-bg-color-component-active: var(--td-gray-color-6);
    --td-bg-color-component-disabled: var(--td-gray-color-2);
    --td-bg-color-specialcomponent: #fff;
    --td-text-color-primary: var(--td-font-gray-1);
    --td-text-color-secondary: var(--td-font-gray-2);
    --td-text-color-placeholder: var(--td-font-gray-3);
    --td-text-color-disabled: var(--td-font-gray-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-8);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-3);
    --td-component-stroke: var(--td-gray-color-3);
    --td-border-level-2-color: var(--td-gray-color-4);
    --td-component-border: var(--td-gray-color-4);
    --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%),
        0 2px 4px -1px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%),
        0 5px 5px -3px rgba(0, 0, 0, 10%);
    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%),
        0 8px 10px -5px rgba(0, 0, 0, 8%);
    --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
    --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
    --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
    --td-table-shadow-color: rgba(0, 0, 0, 0.08);
    --td-scrollbar-color: rgba(0, 0, 0, 0.1);
    --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
    --td-scroll-track-color: #fff;
  }
  :host[theme-mode='dark'] {
    --td-brand-color-1: #1b2f51;
    --td-brand-color-2: #173463;
    --td-brand-color-3: #143975;
    --td-brand-color-4: #103d88;
    --td-brand-color-5: #0d429a;
    --td-brand-color-6: #054bbe;
    --td-brand-color-7: #2667d4;
    --td-brand-color-8: #4582e6;
    --td-brand-color-9: #699ef5;
    --td-brand-color-10: #96bbf8;
    --td-warning-color-1: #4f2a1d;
    --td-warning-color-2: #582f21;
    --td-warning-color-3: #733c23;
    --td-warning-color-4: #a75d2b;
    --td-warning-color-5: #cf6e2d;
    --td-warning-color-6: #dc7633;
    --td-warning-color-7: #e8935c;
    --td-warning-color-8: #ecbf91;
    --td-warning-color-9: #eed7bf;
    --td-warning-color-10: #f3e9dc;
    --td-error-color-1: #472324;
    --td-error-color-2: #5e2a2d;
    --td-error-color-3: #703439;
    --td-error-color-4: #83383e;
    --td-error-color-5: #a03f46;
    --td-error-color-6: #c64751;
    --td-error-color-7: #de6670;
    --td-error-color-8: #ec888e;
    --td-error-color-9: #edb1b6;
    --td-error-color-10: #eeced0;
    --td-success-color-1: #193a2a;
    --td-success-color-2: #1a4230;
    --td-success-color-3: #17533d;
    --td-success-color-4: #0d7a55;
    --td-success-color-5: #059465;
    --td-success-color-6: #43af8a;
    --td-success-color-7: #46bf96;
    --td-success-color-8: #80d2b6;
    --td-success-color-9: #b4e1d3;
    --td-success-color-10: #deede8;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e7e7e7;
    --td-gray-color-4: #dcdcdc;
    --td-gray-color-5: #c5c5c5;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #383838;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: rgba(255, 255, 255, 0.9);
    --td-font-white-2: rgba(255, 255, 255, 0.55);
    --td-font-white-3: rgba(255, 255, 255, 0.35);
    --td-font-white-4: rgba(255, 255, 255, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color: var(--td-brand-color-8);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-mask-active: rgba(0, 0, 0, 0.4);
    --td-mask-disabled: rgba(0, 0, 0, 0.6);
    --td-bg-color-page: var(--td-gray-color-14);
    --td-bg-color-container: var(--td-gray-color-13);
    --td-bg-color-container-hover: var(--td-gray-color-12);
    --td-bg-color-container-active: var(--td-gray-color-10);
    --td-bg-color-container-select: var(--td-gray-color-9);
    --td-bg-color-secondarycontainer: var(--td-gray-color-12);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
    --td-bg-color-component: var(--td-gray-color-11);
    --td-bg-color-component-hover: var(--td-gray-color-10);
    --td-bg-color-component-active: var(--td-gray-color-9);
    --td-bg-color-component-disabled: var(--td-gray-color-12);
    --td-bg-color-specialcomponent: transparent;
    --td-text-color-primary: var(--td-font-white-1);
    --td-text-color-secondary: var(--td-font-white-2);
    --td-text-color-placeholder: var(--td-font-white-3);
    --td-text-color-disabled: var(--td-font-white-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-8);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-11);
    --td-component-stroke: var(--td-gray-color-11);
    --td-border-level-2-color: var(--td-gray-color-9);
    --td-component-border: var(--td-gray-color-9);
    --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%),
        0 2px 4px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%),
        0 5px 5px rgba(0, 0, 0, 16%);
    --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%),
        0 8px 10px rgba(0, 0, 0, 20%);
    --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
    --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
    --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
    --td-table-shadow-color: rgba(0, 0, 0, 0.55);
    --td-scrollbar-color: rgba(255, 255, 255, 0.1);
    --td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
    --td-scroll-track-color: #333;
  }
  :host {
    --td-radius-small: 2px;
    --td-radius-default: 3px;
    --td-radius-medium: 6px;
    --td-radius-large: 9px;
    --td-radius-extraLarge: 12px;
    --td-radius-round: 999px;
    --td-radius-circle: 50%;
  }
  :host {
    --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
    --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
    --td-font-size-link-small: 12px;
    --td-font-size-link-medium: 14px;
    --td-font-size-link-large: 16px;
    --td-font-size-mark-small: 12px;
    --td-font-size-mark-medium: 14px;
    --td-font-size-body-small: 12px;
    --td-font-size-body-medium: 14px;
    --td-font-size-body-large: 16px;
    --td-font-size-title-small: 14px;
    --td-font-size-title-medium: 16px;
    --td-font-size-title-large: 20px;
    --td-font-size-headline-small: 24px;
    --td-font-size-headline-medium: 28px;
    --td-font-size-headline-large: 36px;
    --td-font-size-display-medium: 48px;
    --td-font-size-display-large: 64px;
    --td-line-height-link-small: 20px;
    --td-line-height-link-medium: 22px;
    --td-line-height-link-large: 24px;
    --td-line-height-mark-small: 20px;
    --td-line-height-mark-medium: 22px;
    --td-line-height-body-small: 20px;
    --td-line-height-body-medium: 22px;
    --td-line-height-body-large: 24px;
    --td-line-height-title-small: 22px;
    --td-line-height-title-medium: 24px;
    --td-line-height-title-large: 28px;
    --td-line-height-headline-small: 32px;
    --td-line-height-headline-medium: 36px;
    --td-line-height-headline-large: 44px;
    --td-line-height-display-medium: 56px;
    --td-line-height-display-large: 72px;
    --td-font-link-small: var(--td-font-size-link-small) /
        var(--td-line-height-link-small) var(--td-font-family);
    --td-font-link-medium: var(--td-font-size-link-medium) /
        var(--td-line-height-link-medium) var(--td-font-family);
    --td-font-link-large: var(--td-font-size-link-large) /
        var(--td-line-height-link-large) var(--td-font-family);
    --td-font-mark-small: 600 var(--td-font-size-mark-small) /
        var(--td-line-height-mark-small) var(--td-font-family);
    --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
        var(--td-line-height-mark-medium) var(--td-font-family);
    --td-font-body-small: var(--td-font-size-body-small) /
        var(--td-line-height-body-small) var(--td-font-family);
    --td-font-body-medium: var(--td-font-size-body-medium) /
        var(--td-line-height-body-medium) var(--td-font-family);
    --td-font-body-large: var(--td-font-size-body-large) /
        var(--td-line-height-body-large) var(--td-font-family);
    --td-font-title-small: 600 var(--td-font-size-title-small) /
        var(--td-line-height-title-small) var(--td-font-family);
    --td-font-title-medium: 600 var(--td-font-size-title-medium) /
        var(--td-line-height-title-medium) var(--td-font-family);
    --td-font-title-large: 600 var(--td-font-size-title-large) /
        var(--td-line-height-title-large) var(--td-font-family);
    --td-font-headline-small: 600 var(--td-font-size-headline-small) /
        var(--td-line-height-headline-small) var(--td-font-family);
    --td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
        var(--td-line-height-headline-medium) var(--td-font-family);
    --td-font-headline-large: 600 var(--td-font-size-headline-large) /
        var(--td-line-height-headline-large) var(--td-font-family);
    --td-font-display-medium: 600 var(--td-font-size-display-medium) /
        var(--td-line-height-display-medium) var(--td-font-family);
    --td-font-display-large: 600 var(--td-font-size-display-large) /
        var(--td-line-height-display-large) var(--td-font-family);
  }
  .transmart-crx-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    margin-right: 16px;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    outline: 0px;
    padding: 0 8px;
  }
  .transmart-ctx-select {
    width: 170px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    color: #444;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .transmart-ctx-select:focus {
    border: 1px solid #4d90fe;
    outline: none;
  }
  .transmart-ctx-select:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background: #f8f8f8;
    color: #333;
  }
  .transmart-ctx-select:focus-visible {
    outline-offset: 0px;
  }
  .transmart-crx-checkbox {
    display: flex;
    align-items: center;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
  }
  .transmart-crx-checkbox input {
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }
  .transmart-crx-option-picker {
    display: table-cell;
    font-size: 13px;
  }
  .transmart-crx-option-picker .transmart-crx-option-title {
    margin: 10px 0;
  }
  .transmart-crx-option-picker .transmart-crx-option-radio-button {
    user-select: none;
    outline: none;
    padding: 5px 7px;
    position: relative;
    display: block;
    margin-left: -7px;
    margin-top: 6px;
  }
  .transmart-crx-option-picker .transmart-crx-option-radio-button:hover .transmart-crx-option-radio {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border-color: #b6b6b6;
  }
  .transmart-crx-option-picker .transmart-crx-option-radio-button-checked .transmart-crx-option-radio::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #606060;
    border: 2px solid #606060;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 7px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 7px;
  }
  .transmart-crx-option-picker .transmart-crx-option-radio-button .transmart-crx-option-radio {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url() -3px -3px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #c6c6c6;
    height: 15px;
    left: 7px;
    margin: 0;
    outline: none;
    position: absolute;
    text-align: left;
    top: 6px;
    width: 15px;
  }
  .transmart-crx-option-picker .transmart-crx-option-radio-button .transmart-crx-option-label {
    display: block;
    cursor: default;
    margin-left: 22px;
    line-height: 16px;
  }
  .transmart-crx-option-picker .transmart-crx-option-radio-button .transmart-crx-option-tip {
    display: inline-block;
    margin-top: 8px;
    margin-left: 23px;
    line-height: 15px;
    color: #777;
    font-size: 11px;
  }
  :host {
    --td-screen-xs: 320px;
    --td-screen-sm: 768px;
    --td-screen-md: 992px;
    --td-screen-lg: 1200px;
    --td-screen-xl: 1400px;
    --td-screen-xxl: 1880px;
  }
  .trans-ctx--narrow-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
  }
  .trans-ctx--narrow-scrollbar::-webkit-scrollbar-thumb {
    border-radius: var(--td-radius-medium);
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
  }
  .trans-ctx--t-fake-arrow path {
    -webkit-transition: d 0.2s;
    transition: d 0.2s;
    stroke: currentcolor;
  }
  .trans-ctx--t-fake-arrow--active path {
    d: path('M3.75 10.2002L7.99274 5.7998L12.2361 10.0425');
  }
  
  .t-portal-wrapper .t-popup {
    z-index: 9999999999;
  }
  
  @font-face {
    font-family: 'TencentSans';
    src: url(../../static/fonts/TencentSans.woff2) format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  .trans-ctx--container-panel-sidebar {
    position: fixed;
    right: 10px;
    bottom: 45vh;
    z-index: 99999999;
  }
  .trans-ctx--container-page-translation {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    pointer-events: all;
    transition: 0.3s all;
    padding: 4px;
    border: 1px solid #e9e9ef;
    box-shadow: 0 4px 12px #00000026;
    border-radius: 9999px;
    background: #f8f8f8;
  }
  .trans-ctx--container-page-translation .t-button .t-icon,
  .trans-ctx--container-page-translation .t-button .t-loading {
    font-size: 22px;
  }
  .trans-ctx--container-page-translation .t-button .t-loading {
    color: #0052d9;
  }
  .trans-ctx--container-page-translation .t-button .t-button__text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .trans-ctx--container-page-translation .t-button.t-popup-open {
    border-color: var(--td-bg-color-container-hover);
    background-color: var(--td-bg-color-container-hover);
  }
  .trans-ctx--container-page-translation .trans-ctx--icon-translate {
    width: 22px;
    height: 22px;
  }
  .trans-ctx--container-page-translation .trans-ctx--icon-translate path {
    fill: #0052d9;
  }
  .trans-ctx--container-page-translation .trans-ctx--btn-translate {
    position: relative;
  }
  .trans-ctx--container-page-translation .trans-ctx--box-success {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    background: #54ca4a;
    border-radius: 2px;
  }
  .trans-ctx--container-page-translation .trans-ctx--box-success .t-icon {
    color: #fff;
    font-size: 10px;
  }
  .trans-ctx--container-page-translation .trans-ctx--icon {
    width: 20px;
    height: 20px;
  }
  .trans-ctx--container-logo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .trans-ctx--container-lang-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .trans-ctx--container-lang-item .trans-ctx--container-text-content {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    margin-right: 4px;
  }
  .trans-ctx--container-lang-item .trans-ctx--text-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .trans-ctx--container-lang-item .trans-ctx--default-tag {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
  }
  .trans-ctx--container-lang-item .trans-ctx--icon-set-default {
    display: none;
    width: 14px;
    height: 14px;
  }
  .trans-ctx--container-lang-item .trans-ctx--icon-set-default:hover {
    color: #0052d9;
  }
  .trans-ctx--container-lang-item:hover .trans-ctx--icon-set-default {
    display: block;
  }
  
  :root {
    --td-screen-xs: 320px;
    --td-screen-sm: 768px;
    --td-screen-md: 992px;
    --td-screen-lg: 1200px;
    --td-screen-xl: 1400px;
    --td-screen-xxl: 1880px;
  }
  .narrow-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
  }
  .narrow-scrollbar::-webkit-scrollbar-thumb {
    border-radius: var(--td-radius-medium);
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
  }
  .t-fake-arrow path {
    -webkit-transition: d 0.2s;
    transition: d 0.2s;
    stroke: currentcolor;
  }
  .t-fake-arrow--active path {
    d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
  }
  
  :root,
  :root[theme-mode="light"] {
    --td-brand-color-1: #ecf2fe;
    --td-brand-color-2: #d4e3fc;
    --td-brand-color-3: #bbd3fb;
    --td-brand-color-4: #96bbf8;
    --td-brand-color-5: #699ef5;
    --td-brand-color-6: #4787f0;
    --td-brand-color-7: #266fe8;
    --td-brand-color-8: #0052d9;
    --td-brand-color-9: #0034b5;
    --td-brand-color-10: #001f97;
    --td-warning-color-1: #fef3e6;
    --td-warning-color-2: #f9e0c7;
    --td-warning-color-3: #f7c797;
    --td-warning-color-4: #f2995f;
    --td-warning-color-5: #ed7b2f;
    --td-warning-color-6: #d35a21;
    --td-warning-color-7: #ba431b;
    --td-warning-color-8: #9e3610;
    --td-warning-color-9: #842b0b;
    --td-warning-color-10: #5a1907;
    --td-error-color-1: #fdecee;
    --td-error-color-2: #f9d7d9;
    --td-error-color-3: #f8b9be;
    --td-error-color-4: #f78d94;
    --td-error-color-5: #f36d78;
    --td-error-color-6: #e34d59;
    --td-error-color-7: #c9353f;
    --td-error-color-8: #b11f26;
    --td-error-color-9: #951114;
    --td-error-color-10: #680506;
    --td-success-color-1: #e8f8f2;
    --td-success-color-2: #bcebdc;
    --td-success-color-3: #85dbbe;
    --td-success-color-4: #48c79c;
    --td-success-color-5: #00a870;
    --td-success-color-6: #078d5c;
    --td-success-color-7: #067945;
    --td-success-color-8: #056334;
    --td-success-color-9: #044f2a;
    --td-success-color-10: #033017;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e7e7e7;
    --td-gray-color-4: #dcdcdc;
    --td-gray-color-5: #c5c5c5;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #383838;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: #ffffff;
    --td-font-white-2: rgba(255, 255, 255, 0.55);
    --td-font-white-3: rgba(255, 255, 255, 0.35);
    --td-font-white-4: rgba(255, 255, 255, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color: var(--td-brand-color-8);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-mask-active: rgba(0, 0, 0, 0.6);
    --td-mask-disabled: rgba(255, 255, 255, 0.6);
    --td-bg-color-page: var(--td-gray-color-2);
    --td-bg-color-container: #fff;
    --td-bg-color-container-hover: var(--td-gray-color-1);
    --td-bg-color-container-active: var(--td-gray-color-3);
    --td-bg-color-container-select: #fff;
    --td-bg-color-secondarycontainer: var(--td-gray-color-1);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
    --td-bg-color-component: var(--td-gray-color-3);
    --td-bg-color-component-hover: var(--td-gray-color-4);
    --td-bg-color-component-active: var(--td-gray-color-6);
    --td-bg-color-component-disabled: var(--td-gray-color-2);
    --td-bg-color-specialcomponent: #fff;
    --td-text-color-primary: var(--td-font-gray-1);
    --td-text-color-secondary: var(--td-font-gray-2);
    --td-text-color-placeholder: var(--td-font-gray-3);
    --td-text-color-disabled: var(--td-font-gray-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-8);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-3);
    --td-component-stroke: var(--td-gray-color-3);
    --td-border-level-2-color: var(--td-gray-color-4);
    --td-component-border: var(--td-gray-color-4);
    --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
    --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
    --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
    --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
    --td-table-shadow-color: rgba(0, 0, 0, 0.08);
    --td-scrollbar-color: rgba(0, 0, 0, 0.1);
    --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
    --td-scroll-track-color: #fff;
  }
  :root[theme-mode="dark"] {
    --td-brand-color-1: #1b2f51;
    --td-brand-color-2: #173463;
    --td-brand-color-3: #143975;
    --td-brand-color-4: #103d88;
    --td-brand-color-5: #0d429a;
    --td-brand-color-6: #054bbe;
    --td-brand-color-7: #2667d4;
    --td-brand-color-8: #4582e6;
    --td-brand-color-9: #699ef5;
    --td-brand-color-10: #96bbf8;
    --td-warning-color-1: #4f2a1d;
    --td-warning-color-2: #582f21;
    --td-warning-color-3: #733c23;
    --td-warning-color-4: #a75d2b;
    --td-warning-color-5: #cf6e2d;
    --td-warning-color-6: #dc7633;
    --td-warning-color-7: #e8935c;
    --td-warning-color-8: #ecbf91;
    --td-warning-color-9: #eed7bf;
    --td-warning-color-10: #f3e9dc;
    --td-error-color-1: #472324;
    --td-error-color-2: #5e2a2d;
    --td-error-color-3: #703439;
    --td-error-color-4: #83383e;
    --td-error-color-5: #a03f46;
    --td-error-color-6: #c64751;
    --td-error-color-7: #de6670;
    --td-error-color-8: #ec888e;
    --td-error-color-9: #edb1b6;
    --td-error-color-10: #eeced0;
    --td-success-color-1: #193a2a;
    --td-success-color-2: #1a4230;
    --td-success-color-3: #17533d;
    --td-success-color-4: #0d7a55;
    --td-success-color-5: #059465;
    --td-success-color-6: #43af8a;
    --td-success-color-7: #46bf96;
    --td-success-color-8: #80d2b6;
    --td-success-color-9: #b4e1d3;
    --td-success-color-10: #deede8;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e7e7e7;
    --td-gray-color-4: #dcdcdc;
    --td-gray-color-5: #c5c5c5;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #383838;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: rgba(255, 255, 255, 0.9);
    --td-font-white-2: rgba(255, 255, 255, 0.55);
    --td-font-white-3: rgba(255, 255, 255, 0.35);
    --td-font-white-4: rgba(255, 255, 255, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color: var(--td-brand-color-8);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-mask-active: rgba(0, 0, 0, 0.4);
    --td-mask-disabled: rgba(0, 0, 0, 0.6);
    --td-bg-color-page: var(--td-gray-color-14);
    --td-bg-color-container: var(--td-gray-color-13);
    --td-bg-color-container-hover: var(--td-gray-color-12);
    --td-bg-color-container-active: var(--td-gray-color-10);
    --td-bg-color-container-select: var(--td-gray-color-9);
    --td-bg-color-secondarycontainer: var(--td-gray-color-12);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
    --td-bg-color-component: var(--td-gray-color-11);
    --td-bg-color-component-hover: var(--td-gray-color-10);
    --td-bg-color-component-active: var(--td-gray-color-9);
    --td-bg-color-component-disabled: var(--td-gray-color-12);
    --td-bg-color-specialcomponent: transparent;
    --td-text-color-primary: var(--td-font-white-1);
    --td-text-color-secondary: var(--td-font-white-2);
    --td-text-color-placeholder: var(--td-font-white-3);
    --td-text-color-disabled: var(--td-font-white-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-8);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-11);
    --td-component-stroke: var(--td-gray-color-11);
    --td-border-level-2-color: var(--td-gray-color-9);
    --td-component-border: var(--td-gray-color-9);
    --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
    --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
    --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
    --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
    --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
    --td-table-shadow-color: rgba(0, 0, 0, 0.55);
    --td-scrollbar-color: rgba(255, 255, 255, 0.1);
    --td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
    --td-scroll-track-color: #333;
  }
  :root {
    --td-radius-small: 2px;
    --td-radius-default: 3px;
    --td-radius-medium: 6px;
    --td-radius-large: 9px;
    --td-radius-extraLarge: 12px;
    --td-radius-round: 999px;
    --td-radius-circle: 50%;
  }
  :root {
    --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
    --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
    --td-font-size-link-small: 12px;
    --td-font-size-link-medium: 14px;
    --td-font-size-link-large: 16px;
    --td-font-size-mark-small: 12px;
    --td-font-size-mark-medium: 14px;
    --td-font-size-body-small: 12px;
    --td-font-size-body-medium: 14px;
    --td-font-size-body-large: 16px;
    --td-font-size-title-small: 14px;
    --td-font-size-title-medium: 16px;
    --td-font-size-title-large: 20px;
    --td-font-size-headline-small: 24px;
    --td-font-size-headline-medium: 28px;
    --td-font-size-headline-large: 36px;
    --td-font-size-display-medium: 48px;
    --td-font-size-display-large: 64px;
    --td-line-height-link-small: 20px;
    --td-line-height-link-medium: 22px;
    --td-line-height-link-large: 24px;
    --td-line-height-mark-small: 20px;
    --td-line-height-mark-medium: 22px;
    --td-line-height-body-small: 20px;
    --td-line-height-body-medium: 22px;
    --td-line-height-body-large: 24px;
    --td-line-height-title-small: 22px;
    --td-line-height-title-medium: 24px;
    --td-line-height-title-large: 28px;
    --td-line-height-headline-small: 32px;
    --td-line-height-headline-medium: 36px;
    --td-line-height-headline-large: 44px;
    --td-line-height-display-medium: 56px;
    --td-line-height-display-large: 72px;
    --td-font-link-small: var(--td-font-size-link-small) /
      var(--td-line-height-link-small) var(--td-font-family);
    --td-font-link-medium: var(--td-font-size-link-medium) /
      var(--td-line-height-link-medium) var(--td-font-family);
    --td-font-link-large: var(--td-font-size-link-large) /
      var(--td-line-height-link-large) var(--td-font-family);
    --td-font-mark-small: 600 var(--td-font-size-mark-small) /
      var(--td-line-height-mark-small) var(--td-font-family);
    --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
      var(--td-line-height-mark-medium) var(--td-font-family);
    --td-font-body-small: var(--td-font-size-body-small) /
      var(--td-line-height-body-small) var(--td-font-family);
    --td-font-body-medium: var(--td-font-size-body-medium) /
      var(--td-line-height-body-medium) var(--td-font-family);
    --td-font-body-large: var(--td-font-size-body-large) /
      var(--td-line-height-body-large) var(--td-font-family);
    --td-font-title-small: 600 var(--td-font-size-title-small) /
      var(--td-line-height-title-small) var(--td-font-family);
    --td-font-title-medium: 600 var(--td-font-size-title-medium) /
      var(--td-line-height-title-medium) var(--td-font-family);
    --td-font-title-large: 600 var(--td-font-size-title-large) /
      var(--td-line-height-title-large) var(--td-font-family);
    --td-font-headline-small: 600 var(--td-font-size-headline-small) /
      var(--td-line-height-headline-small) var(--td-font-family);
    --td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
      var(--td-line-height-headline-medium) var(--td-font-family);
    --td-font-headline-large: 600 var(--td-font-size-headline-large) /
      var(--td-line-height-headline-large) var(--td-font-family);
    --td-font-display-medium: 600 var(--td-font-size-display-medium) /
      var(--td-line-height-display-medium) var(--td-font-family);
    --td-font-display-large: 600 var(--td-font-size-display-large) /
      var(--td-line-height-display-large) var(--td-font-family);
  }
  
  .trans-ctx--popup-selector .t-dropdown__menu {
    padding: 0;
  }
  .trans-ctx--popup-selector .popup-selector-title,
  .trans-ctx--popup-selector .popup-selector-title-tip {
    padding-left: 4px;
    margin-bottom: 2px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
  }
  
  .t-dropdown {
    font: var(--td-font-body-medium);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--td-bg-color-container);
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-primary);
    position: relative;
    -webkit-box-shadow: var(--td-shadow-2);
            box-shadow: var(--td-shadow-2);
    border: 0.5px solid var(--td-component-border);
    border-radius: var(--td-radius-medium);
  }
  .t-dropdown__menu {
    scrollbar-color: var(--td-scrollbar-color);
    scrollbar-width: thin;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: var(--td-radius-medium);
    padding: 6px;
    gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .t-dropdown__menu::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .t-dropdown__menu::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px;
  }
  .t-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,
  .t-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color);
  }
  .t-dropdown__menu .t-divider {
    margin: 4px auto 2px;
    color: var(--td-brand-color-light);
    width: calc(100% - 16px);
  }
  .t-dropdown__menu--right .t-dropdown__item-direction {
    margin: 0 0 0 8px;
  }
  .t-dropdown__menu--left .t-dropdown__item {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
  .t-dropdown__menu--left .t-dropdown__item-text {
    text-align: right;
  }
  .t-dropdown__menu--left .t-dropdown__item-direction {
    margin: 0 8px 0 0;
  }
  .t-dropdown__submenu {
    background-color: var(--td-bg-color-container);
    -webkit-box-shadow: var(--td-shadow-2);
            box-shadow: var(--td-shadow-2);
    border-radius: var(--td-radius-medium);
    border: 0.5px solid var(--td-component-border);
    z-index: 1100;
    position: absolute;
    padding: 6px;
    display: none;
  }
  .t-dropdown__submenu ul {
    list-style: none;
    display: grid;
    padding-left: 0;
    gap: 2px;
  }
  .t-dropdown__submenu--disabled {
    visibility: hidden;
  }
  .t-dropdown__submenu--right {
    left: calc(100% - 6px);
  }
  .t-dropdown__submenu--right .t-dropdown__item-direction {
    margin: 0 0 0 8px;
  }
  .t-dropdown__submenu--left {
    right: calc(100% - 6px);
  }
  .t-dropdown__submenu--left .t-dropdown__item {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
  .t-dropdown__submenu--left .t-dropdown__item-text {
    text-align: right;
  }
  .t-dropdown__submenu--left .t-dropdown__item-direction {
    margin: 0 8px 0 0;
  }
  .t-dropdown__item {
    border-radius: var(--td-radius-default);
    font: var(--td-font-body-medium);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
    transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3px 8px;
    --ripple-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: currentcolor;
    margin-right: 8px;
    font-size: var(--td-font-size-body-large);
  }
  .t-dropdown__item:hover > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .t-dropdown__item--disabled {
    cursor: not-allowed;
  }
  .t-dropdown__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  .t-dropdown__item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .t-dropdown__item.t-dropdown__item--suffix .t-dropdown__item-sub-icon {
    color: currentcolor;
    font-size: var(--td-font-size-body-large);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .t-dropdown__item--theme-default {
    color: var(--td-text-color-primary);
  }
  .t-dropdown__item--theme-default:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-default:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-default.t-dropdown__item--active {
    color: var(--td-brand-color);
    background-color: var(--td-brand-color-light);
  }
  .t-dropdown__item--theme-default.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-default.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-default.t-dropdown__item--disabled {
    color: var(--td-text-color-disabled);
  }
  .t-dropdown__item--theme-default.t-dropdown__item--disabled:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-default.t-dropdown__item--suffix:hover {
    background-color: var(--td-brand-color-light);
    color: var(--td-brand-color);
  }
  .t-dropdown__item--theme-success {
    color: var(--td-success-color);
  }
  .t-dropdown__item--theme-success:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-success:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-success.t-dropdown__item--active {
    background-color: var(--td-success-color-light);
  }
  .t-dropdown__item--theme-success.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-success.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-success.t-dropdown__item-disabled {
    color: var(--td-text-color-disabled);
  }
  .t-dropdown__item--theme-success.t-dropdown__item-disabled:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-success.t-dropdown__item--suffix:hover {
    background-color: var(--td-success-color-light);
  }
  .t-dropdown__item--theme-error {
    color: var(--td-error-color);
  }
  .t-dropdown__item--theme-error:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-error:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-error.t-dropdown__item--active {
    background-color: var(--td-error-color-light);
  }
  .t-dropdown__item--theme-error.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-error.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-error.t-dropdown__item--disabled {
    color: var(--td-text-color-disabled);
  }
  .t-dropdown__item--theme-error.t-dropdown__item--disabled:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-error.t-dropdown__item--suffix:hover {
    background-color: var(--td-error-color-light);
  }
  .t-dropdown__item--theme-warning {
    color: var(--td-warning-color);
  }
  .t-dropdown__item--theme-warning:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-warning:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-warning.t-dropdown__item--active {
    background-color: var(--td-warning-color-light);
  }
  .t-dropdown__item--theme-warning.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-warning.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active);
  }
  .t-dropdown__item--theme-warning.t-dropdown__item--disabled {
    color: var(--td-text-color-disabled);
  }
  .t-dropdown__item--theme-warning.t-dropdown__item--disabled:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-dropdown__item--theme-warning.t-dropdown__item--suffix:hover {
    background-color: var(--td-warning-color-light);
  }
  
  .content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content {
    margin-bottom: 8px;
  }
  .content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
    margin-bottom: 16px;
  }
  .content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content {
    margin-top: 8px;
  }
  .content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
    margin-top: 16px;
  }
  .content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content {
    margin-right: 8px;
  }
  .content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
    margin-right: 16px;
  }
  .content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--text {
    max-width: 480px;
  }
  .content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content {
    margin-left: 8px;
  }
  .content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
    margin-left: 16px;
  }
  .content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--text {
    max-width: 480px;
  }
  .t-popup {
    font: var(--td-font-body-medium);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--td-text-color-primary);
    display: inline-block;
    z-index: 5500;
  }
  .t-popup__content {
    position: relative;
    background: var(--td-bg-color-container);
    -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
            box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
    border-radius: var(--td-radius-medium);
    padding: 4px 8px;
    font-size: var(--td-font-size-body-medium);
    line-height: 22px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    word-break: break-all;
  }
  .t-popup__arrow {
    position: absolute;
    z-index: 1;
    width: 8px;
    height: 8px;
  }
  .t-popup__arrow::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background: var(--td-bg-color-container);
  }
  .t-popup[data-popper-placement^="top"] .t-popup__content {
    margin-bottom: 8px;
  }
  .t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
    margin-bottom: 16px;
  }
  .t-popup[data-popper-placement^="bottom"] .t-popup__content {
    margin-top: 8px;
  }
  .t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
    margin-top: 16px;
  }
  .t-popup[data-popper-placement^="left"] .t-popup__content {
    margin-right: 8px;
  }
  .t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
    margin-right: 16px;
  }
  .t-popup[data-popper-placement^="left"] .t-popup__content--text {
    max-width: 480px;
  }
  .t-popup[data-popper-placement^="right"] .t-popup__content {
    margin-left: 8px;
  }
  .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
    margin-left: 16px;
  }
  .t-popup[data-popper-placement^="right"] .t-popup__content--text {
    max-width: 480px;
  }
  .t-popup[data-popper-placement^="top"] .t-popup__arrow {
    bottom: calc(-8px / 2);
  }
  .t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
    border-top-left-radius: 100%;
    -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
            box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
  }
  .t-popup[data-popper-placement="top-start"] .t-popup__arrow {
    left: 8px;
  }
  .t-popup[data-popper-placement="top"] .t-popup__arrow {
    left: 50%;
    margin-left: calc(-8px / 2);
  }
  .t-popup[data-popper-placement="top-end"] .t-popup__arrow {
    left: calc(100% - 8px * 2);
  }
  .t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
    top: calc(-8px / 2);
  }
  .t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
    border-bottom-right-radius: 100%;
    -webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
            box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
  }
  .t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
    left: 8px;
  }
  .t-popup[data-popper-placement="bottom"] .t-popup__arrow {
    left: 50%;
    margin-left: calc(-8px / 2);
  }
  .t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
    left: calc(100% - 8px * 2);
  }
  .t-popup[data-popper-placement^="left"] .t-popup__arrow {
    right: calc(-8px / 2);
  }
  .t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
    -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
            box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
  }
  .t-popup[data-popper-placement="left-start"] .t-popup__arrow {
    top: 8px;
  }
  .t-popup[data-popper-placement="left"] .t-popup__arrow {
    top: 50%;
    margin-top: calc(-8px / 2);
  }
  .t-popup[data-popper-placement="left-end"] .t-popup__arrow {
    top: calc(100% - 8px * 2);
  }
  .t-popup[data-popper-placement^="right"] .t-popup__arrow {
    left: calc(-8px / 2);
  }
  .t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
    -webkit-box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
            box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
  }
  .t-popup[data-popper-placement="right-start"] .t-popup__arrow {
    top: 8px;
  }
  .t-popup[data-popper-placement="right"] .t-popup__arrow {
    top: 50%;
    margin-top: calc(-8px / 2);
  }
  .t-popup[data-popper-placement="right-end"] .t-popup__arrow {
    top: calc(100% - 8px * 2);
  }
  .t-popup--animation-enter,
  .t-popup--animation-enter-from,
  .t-popup--animation-exiting,
  .t-popup--animation-leave-to {
    opacity: 0;
    visibility: hidden;
  }
  .t-popup--animation-enter-to,
  .t-popup--animation-entering,
  .t-popup--animation-leave-from,
  .t-popup--animation-leave {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none;
  }
  .t-popup--animation-enter-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .t-popup--animation-leave-active {
    -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
    transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  }
  .t-popup--animation-expand-enter-active[data-popper-placement^=top] {
    -webkit-animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
            animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
  }
  .t-popup--animation-expand-leave-active[data-popper-placement^=top] {
    -webkit-animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
            animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
  }
  @-webkit-keyframes t-popup-animation-expand-in-top {
    0% {
      -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
    }
    100% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
  }
  @keyframes t-popup-animation-expand-in-top {
    0% {
      -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
    }
    100% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
  }
  @-webkit-keyframes t-popup-animation-expand-out-top {
    0% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
    100% {
      -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
    }
  }
  @keyframes t-popup-animation-expand-out-top {
    0% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
    100% {
      -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
    }
  }
  .t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
    -webkit-animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
            animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
  }
  .t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
    -webkit-animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
            animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
  }
  @-webkit-keyframes t-popup-animation-expand-in-bottom {
    0% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
              clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
    }
    100% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
  }
  @keyframes t-popup-animation-expand-in-bottom {
    0% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
              clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
    }
    100% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
  }
  @-webkit-keyframes t-popup-animation-expand-out-bottom {
    0% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
    100% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
              clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
    }
  }
  @keyframes t-popup-animation-expand-out-bottom {
    0% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
              clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
    }
    100% {
      -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
              clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
    }
  }
  
  .t-divider {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--td-font-body-medium);
    margin: 24px 0;
    border-top: 1px solid var(--td-border-level-1-color);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .t-divider--dashed {
    border-top-style: dashed;
  }
  .t-divider--horizontal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .t-divider--vertical {
    border-top: 0;
    display: inline-block;
    margin: 0 12px;
    border-left: 1px solid var(--td-border-level-1-color);
    height: 0.9em;
    vertical-align: middle;
  }
  .t-divider--with-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0;
    white-space: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .t-divider--with-text .t-divider__inner-text:not(:empty) {
    padding: 0 1em;
    display: inline-block;
  }
  .t-divider--with-text::before,
  .t-divider--with-text::after {
    content: "";
    width: 50%;
    border-top: 1px solid var(--td-border-level-1-color);
  }
  .t-divider--with-text-left::before {
    width: 5%;
  }
  .t-divider--with-text-left::after {
    width: 95%;
  }
  .t-divider--with-text-right::before {
    width: 95%;
  }
  .t-divider--with-text-right::after {
    width: 5%;
  }
  .t-divider--dashed::before,
  .t-divider--dashed::after {
    border-top: 1px dashed var(--td-border-level-1-color);
  }
  .t-divider--vertical.t-divider--dashed {
    border-left: 1px dashed var(--td-border-level-1-color);
  }
  
  @keyframes t-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .t-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
  }
  .t-icon::before {
    font-family: unset;
  }
  .t-icon-loading {
    animation: t-spin 1s linear infinite;
  }
  .t-icon {
    fill: currentColor;
  }
  .t-icon.t-size-s,
  i.t-size-s {
    font-size: 14px;
  }
  .t-icon.t-size-m,
  i.t-size-m {
    font-size: 16px;
  }
  .t-icon.t-size-l,
  i.t-size-l {
    font-size: 18px;
  }
  
  .t-tooltip .t-popup__content {
    display: inline-block;
    border: 0;
    z-index: 5600;
    margin-bottom: 1px;
    max-width: 480px;
    word-break: break-word;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: var(--td-radius-medium);
    color: var(--td-text-color-primary);
  }
  .t-tooltip--default .t-popup__content {
    color: var(--td-text-color-anti);
    background: var(--td-gray-color-12);
  }
  .t-tooltip--primary .t-popup__content {
    color: var(--td-brand-color);
    background: var(--td-brand-color-light);
  }
  .t-tooltip--success .t-popup__content {
    color: var(--td-success-color);
    background: var(--td-success-color-light);
  }
  .t-tooltip--danger .t-popup__content {
    color: var(--td-error-color);
    background: var(--td-error-color-light);
  }
  .t-tooltip--warning .t-popup__content {
    color: var(--td-warning-color);
    background: var(--td-warning-color-light);
  }
  .t-tooltip .t-popup__arrow {
    background: inherit;
    width: auto;
    height: auto;
  }
  .t-tooltip .t-popup__arrow::before {
    background: inherit;
  }
  .t-tooltip--noshadow .t-popup__content,
  .t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .t-popup[data-popper-placement^="top"].t-tooltip .t-popup__arrow {
    bottom: 4px;
  }
  .t-popup[data-popper-placement^="left"].t-tooltip .t-popup__arrow {
    right: 4px;
  }
  .t-popup[data-popper-placement^="right"].t-tooltip .t-popup__arrow {
    left: -4px;
  }
  
  .t-button {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    font-size: var(--td-font-body-medium);
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: var(--td-radius-default);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    text-decoration: none;
  }
  .t-button .t-button__text,
  .t-button .t-icon {
    position: relative;
    z-index: 1;
  }
  .t-button .t-icon {
    font-size: var(--td-font-size-body-large);
  }
  .t-button .t-loading {
    font-size: var(--td-font-size-body-large);
  }
  .t-button .t-icon + .t-button__text:not(:empty) {
    margin-left: 8px;
  }
  .t-button .t-loading + .t-button__text:not(:empty) {
    margin-left: 8px;
  }
  .t-button .t-button__suffix:not(:empty) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px;
  }
  .t-button--variant-base {
    color: var(--td-text-color-anti);
    height: 32px;
    font: var(--td-font-body-medium);
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--td-bg-color-component);
    border-color: var(--td-bg-color-component);
    color: var(--td-text-color-primary);
  }
  .t-button--variant-base .t-icon,
  .t-button--variant-base .t-loading {
    font-size: var(--td-font-size-body-large);
  }
  .t-button--variant-base:hover {
    background-color: var(--td-bg-color-component-hover);
  }
  .t-button--variant-base.t-is-loading {
    background-color: var(--td-bg-color-component);
  }
  .t-button--variant-base.t-is-disabled {
    background-color: var(--td-bg-color-component-disabled);
  }
  .t-button--variant-base:hover {
    border-color: var(--td-bg-color-component-hover);
  }
  .t-button--variant-base.t-is-loading {
    border-color: var(--td-bg-color-component);
  }
  .t-button--variant-base.t-is-disabled {
    border-color: var(--td-bg-color-component-disabled);
  }
  .t-button--variant-base:hover {
    color: var(--td-text-color-primary);
  }
  .t-button--variant-base.t-is-loading {
    color: var(--td-text-color-primary);
  }
  .t-button--variant-base.t-is-disabled {
    color: var(--td-text-color-disabled);
  }
  .t-button--variant-base.t-button--theme-primary {
    color: var(--td-text-color-anti);
    background-color: var(--td-brand-color);
    border-color: var(--td-brand-color);
  }
  .t-button--variant-base.t-button--theme-primary:hover {
    background-color: var(--td-brand-color-hover);
  }
  .t-button--variant-base.t-button--theme-primary.t-is-loading {
    background-color: var(--td-brand-color);
  }
  .t-button--variant-base.t-button--theme-primary.t-is-disabled {
    background-color: var(--td-brand-color-disabled);
  }
  .t-button--variant-base.t-button--theme-primary:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-base.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color);
  }
  .t-button--variant-base.t-button--theme-primary.t-is-disabled {
    border-color: var(--td-brand-color-disabled);
  }
  .t-button--variant-base.t-button--theme-success {
    color: var(--td-text-color-anti);
    background-color: var(--td-success-color);
    border-color: var(--td-success-color);
  }
  .t-button--variant-base.t-button--theme-success:hover {
    background-color: var(--td-success-color-hover);
  }
  .t-button--variant-base.t-button--theme-success.t-is-loading {
    background-color: var(--td-success-color);
  }
  .t-button--variant-base.t-button--theme-success.t-is-disabled {
    background-color: var(--td-success-color-disabled);
  }
  .t-button--variant-base.t-button--theme-success:hover {
    border-color: var(--td-success-color-hover);
  }
  .t-button--variant-base.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color);
  }
  .t-button--variant-base.t-button--theme-success.t-is-disabled {
    border-color: var(--td-success-color-disabled);
  }
  .t-button--variant-base.t-button--theme-warning {
    color: var(--td-text-color-anti);
    background-color: var(--td-warning-color);
    border-color: var(--td-warning-color);
  }
  .t-button--variant-base.t-button--theme-warning:hover {
    background-color: var(--td-warning-color-hover);
  }
  .t-button--variant-base.t-button--theme-warning.t-is-loading {
    background-color: var(--td-warning-color);
  }
  .t-button--variant-base.t-button--theme-warning.t-is-disabled {
    background-color: var(--td-warning-color-disabled);
  }
  .t-button--variant-base.t-button--theme-warning:hover {
    border-color: var(--td-warning-color-hover);
  }
  .t-button--variant-base.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color);
  }
  .t-button--variant-base.t-button--theme-warning.t-is-disabled {
    border-color: var(--td-warning-color-disabled);
  }
  .t-button--variant-base.t-button--theme-danger {
    color: var(--td-text-color-anti);
    background-color: var(--td-error-color);
    border-color: var(--td-error-color);
  }
  .t-button--variant-base.t-button--theme-danger:hover {
    background-color: var(--td-error-color-hover);
  }
  .t-button--variant-base.t-button--theme-danger.t-is-loading {
    background-color: var(--td-error-color);
  }
  .t-button--variant-base.t-button--theme-danger.t-is-disabled {
    background-color: var(--td-error-color-disabled);
  }
  .t-button--variant-base.t-button--theme-danger:hover {
    border-color: var(--td-error-color-hover);
  }
  .t-button--variant-base.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color);
  }
  .t-button--variant-base.t-button--theme-danger.t-is-disabled {
    border-color: var(--td-error-color-disabled);
  }
  .t-button--variant-base.t-button--ghost {
    background-color: transparent;
    color: var(--td-text-color-anti);
    border-color: var(--td-text-color-anti);
  }
  .t-button--variant-base.t-button--ghost:hover {
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost:active {
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-is-loading {
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-is-disabled {
    background-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-base.t-button--ghost:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti);
  }
  .t-button--variant-base.t-button--ghost.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-base.t-button--ghost:active {
    border-color: var(--td-brand-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-is-loading {
    border-color: var(--td-text-color-anti);
  }
  .t-button--variant-base.t-button--ghost.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
    border-color: var(--td-brand-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success:hover {
    border-color: var(--td-success-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success:active {
    border-color: var(--td-success-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning:hover {
    border-color: var(--td-warning-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
    border-color: var(--td-warning-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger:hover {
    border-color: var(--td-error-color-hover);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
    border-color: var(--td-error-color-active);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color);
  }
  .t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline {
    height: 32px;
    font: var(--td-font-body-medium);
    padding-left: 15px;
    padding-right: 15px;
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-specialcomponent);
    border-color: var(--td-border-level-2-color);
  }
  .t-button--variant-outline .t-icon,
  .t-button--variant-outline .t-loading {
    font-size: var(--td-font-size-body-large);
  }
  .t-button--variant-outline:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-is-loading {
    color: var(--td-text-color-primary);
  }
  .t-button--variant-outline.t-is-disabled {
    color: var(--td-text-color-disabled);
  }
  .t-button--variant-outline:hover {
    background-color: var(--td-bg-color-specialcomponent);
  }
  .t-button--variant-outline.t-is-loading {
    background-color: var(--td-bg-color-specialcomponent);
  }
  .t-button--variant-outline.t-is-disabled {
    background-color: var(--td-bg-color-component-disabled);
  }
  .t-button--variant-outline:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-is-loading {
    border-color: var(--td-border-level-2-color);
  }
  .t-button--variant-outline.t-is-disabled {
    border-color: var(--td-border-level-2-color);
  }
  .t-button--variant-outline.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color);
  }
  .t-button--variant-outline.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-outline.t-button--theme-primary.t-is-disabled {
    color: var(--td-brand-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-primary:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color);
  }
  .t-button--variant-outline.t-button--theme-primary.t-is-disabled {
    border-color: var(--td-brand-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color);
  }
  .t-button--variant-outline.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-outline.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-outline.t-button--theme-success.t-is-disabled {
    color: var(--td-success-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-success:hover {
    border-color: var(--td-success-color-hover);
  }
  .t-button--variant-outline.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color);
  }
  .t-button--variant-outline.t-button--theme-success.t-is-disabled {
    border-color: var(--td-success-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color);
  }
  .t-button--variant-outline.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-outline.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-outline.t-button--theme-warning.t-is-disabled {
    color: var(--td-warning-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-warning:hover {
    border-color: var(--td-warning-color-hover);
  }
  .t-button--variant-outline.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color);
  }
  .t-button--variant-outline.t-button--theme-warning.t-is-disabled {
    border-color: var(--td-warning-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color);
  }
  .t-button--variant-outline.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-outline.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-outline.t-button--theme-danger.t-is-disabled {
    color: var(--td-error-color-disabled);
  }
  .t-button--variant-outline.t-button--theme-danger:hover {
    border-color: var(--td-error-color-hover);
  }
  .t-button--variant-outline.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color);
  }
  .t-button--variant-outline.t-button--theme-danger.t-is-disabled {
    border-color: var(--td-error-color-disabled);
  }
  .t-button--variant-outline.t-button--ghost {
    background-color: transparent;
    color: var(--td-text-color-anti);
    border-color: var(--td-text-color-anti);
  }
  .t-button--variant-outline.t-button--ghost:hover {
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost:active {
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-is-loading {
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-is-disabled {
    background-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-button--ghost:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti);
  }
  .t-button--variant-outline.t-button--ghost.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-button--ghost:active {
    border-color: var(--td-brand-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-is-loading {
    border-color: var(--td-text-color-anti);
  }
  .t-button--variant-outline.t-button--ghost.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
    border-color: var(--td-brand-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success:hover {
    border-color: var(--td-success-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
    border-color: var(--td-success-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover {
    border-color: var(--td-warning-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
    border-color: var(--td-warning-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover {
    border-color: var(--td-error-color-hover);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
    border-color: var(--td-error-color-active);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color);
  }
  .t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed {
    height: 32px;
    font: var(--td-font-body-medium);
    padding-left: 15px;
    padding-right: 15px;
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-specialcomponent);
    border-color: var(--td-border-level-2-color);
    border-style: dashed;
  }
  .t-button--variant-dashed .t-icon,
  .t-button--variant-dashed .t-loading {
    font-size: var(--td-font-size-body-large);
  }
  .t-button--variant-dashed:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-is-loading {
    color: var(--td-text-color-primary);
  }
  .t-button--variant-dashed.t-is-disabled {
    color: var(--td-text-color-disabled);
  }
  .t-button--variant-dashed:hover {
    background-color: var(--td-bg-color-specialcomponent);
  }
  .t-button--variant-dashed.t-is-loading {
    background-color: var(--td-bg-color-specialcomponent);
  }
  .t-button--variant-dashed.t-is-disabled {
    background-color: var(--td-bg-color-component-disabled);
  }
  .t-button--variant-dashed:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-is-loading {
    border-color: var(--td-border-level-2-color);
  }
  .t-button--variant-dashed.t-is-disabled {
    border-color: var(--td-border-level-2-color);
  }
  .t-button--variant-dashed.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color);
  }
  .t-button--variant-dashed.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
    color: var(--td-brand-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-primary:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color);
  }
  .t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
    border-color: var(--td-brand-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color);
  }
  .t-button--variant-dashed.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-dashed.t-button--theme-success.t-is-disabled {
    color: var(--td-success-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-success:hover {
    border-color: var(--td-success-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color);
  }
  .t-button--variant-dashed.t-button--theme-success.t-is-disabled {
    border-color: var(--td-success-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color);
  }
  .t-button--variant-dashed.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
    color: var(--td-warning-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-warning:hover {
    border-color: var(--td-warning-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color);
  }
  .t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
    border-color: var(--td-warning-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color);
  }
  .t-button--variant-dashed.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
    color: var(--td-error-color-disabled);
  }
  .t-button--variant-dashed.t-button--theme-danger:hover {
    border-color: var(--td-error-color-hover);
  }
  .t-button--variant-dashed.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color);
  }
  .t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
    border-color: var(--td-error-color-disabled);
  }
  .t-button--variant-dashed.t-button--ghost {
    background-color: transparent;
    color: var(--td-text-color-anti);
    border-color: var(--td-text-color-anti);
  }
  .t-button--variant-dashed.t-button--ghost:hover {
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost:active {
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-is-loading {
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-is-disabled {
    background-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti);
  }
  .t-button--variant-dashed.t-button--ghost.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost:active {
    border-color: var(--td-brand-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-is-loading {
    border-color: var(--td-text-color-anti);
  }
  .t-button--variant-dashed.t-button--ghost.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover {
    border-color: var(--td-brand-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
    border-color: var(--td-brand-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover {
    border-color: var(--td-success-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
    border-color: var(--td-success-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover {
    border-color: var(--td-warning-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
    border-color: var(--td-warning-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover {
    border-color: var(--td-error-color-hover);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
    border-color: var(--td-error-color-active);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color);
  }
  .t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-text {
    height: 32px;
    font: var(--td-font-body-medium);
    padding-left: 15px;
    padding-right: 15px;
    color: var(--td-text-color-primary);
    background-color: transparent;
    border-color: transparent;
  }
  .t-button--variant-text .t-icon,
  .t-button--variant-text .t-loading {
    font-size: var(--td-font-size-body-large);
  }
  .t-button--variant-text:hover {
    color: var(--td-text-color-primary);
  }
  .t-button--variant-text.t-is-loading {
    color: var(--td-text-color-primary);
  }
  .t-button--variant-text.t-is-disabled {
    color: var(--td-text-color-disabled);
  }
  .t-button--variant-text:hover {
    background-color: var(--td-bg-color-container-hover);
  }
  .t-button--variant-text.t-is-loading {
    background-color: transparent;
  }
  .t-button--variant-text.t-is-disabled {
    background-color: transparent;
  }
  .t-button--variant-text:hover {
    border-color: var(--td-bg-color-container-hover);
  }
  .t-button--variant-text.t-is-loading {
    border-color: transparent;
  }
  .t-button--variant-text.t-is-disabled {
    border-color: transparent;
  }
  .t-button--variant-text.t-button--theme-primary {
    color: var(--td-brand-color);
  }
  .t-button--variant-text.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-text.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-text.t-button--theme-primary.t-is-disabled {
    color: var(--td-brand-color-disabled);
  }
  .t-button--variant-text.t-button--theme-success {
    color: var(--td-success-color);
  }
  .t-button--variant-text.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-text.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-text.t-button--theme-success.t-is-disabled {
    color: var(--td-success-color-disabled);
  }
  .t-button--variant-text.t-button--theme-warning {
    color: var(--td-warning-color);
  }
  .t-button--variant-text.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-text.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-text.t-button--theme-warning.t-is-disabled {
    color: var(--td-warning-color-disabled);
  }
  .t-button--variant-text.t-button--theme-danger {
    color: var(--td-error-color);
  }
  .t-button--variant-text.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-text.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-text.t-button--theme-danger.t-is-disabled {
    color: var(--td-error-color-disabled);
  }
  .t-button--variant-text.t-button--ghost {
    background: none;
    color: var(--td-text-color-anti);
  }
  .t-button--variant-text.t-button--ghost:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-text.t-button--ghost:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-text.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti);
  }
  .t-button--variant-text.t-button--ghost.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-primary:hover {
    color: var(--td-brand-color-hover);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-success:hover {
    color: var(--td-success-color-hover);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-warning:hover {
    color: var(--td-warning-color-hover);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-danger:hover {
    color: var(--td-error-color-hover);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color);
  }
  .t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: rgba(255, 255, 255, 0.22);
    background-color: transparent;
  }
  .t-button.t-is-loading,
  .t-button.t-is-disabled {
    cursor: not-allowed;
  }
  .t-button.t-size-s {
    height: 24px;
    font: var(--td-font-body-small);
    padding-left: 7px;
    padding-right: 7px;
  }
  .t-button.t-size-s .t-icon,
  .t-button.t-size-s .t-loading {
    font-size: var(--td-font-size-body-medium);
  }
  .t-button.t-size-l {
    height: 40px;
    font: var(--td-font-body-large);
    padding-left: 23px;
    padding-right: 23px;
  }
  .t-button.t-size-l .t-icon,
  .t-button.t-size-l .t-loading {
    font-size: var(--td-font-size-title-large);
  }
  .t-button.t-size-full-width {
    display: block;
    width: 100%;
  }
  .t-button--shape-square {
    width: 32px;
    padding: 0;
  }
  .t-button--shape-square.t-size-s {
    width: 24px;
    padding: 0;
  }
  .t-button--shape-square.t-size-l {
    width: 40px;
    padding: 0;
  }
  .t-button--shape-round {
    border-radius: var(--td-radius-round);
  }
  .t-button--shape-round.t-size-s {
    border-radius: 12px;
  }
  .t-button--shape-round.t-size-l {
    border-radius: 20px;
  }
  .t-button--shape-circle {
    width: 32px;
    padding: 0;
    text-align: center;
    border-radius: 16px;
  }
  .t-button--shape-circle .t-icon {
    font-size: var(--td-font-size-body-large);
  }
  .t-button--shape-circle .t-loading {
    font-size: var(--td-font-size-body-large);
  }
  .t-button--shape-circle.t-size-s {
    width: 24px;
    border-radius: 12px;
  }
  .t-button--shape-circle.t-size-l {
    width: 40px;
    padding: 0;
    border-radius: 20px;
  }
  .t-button--ghost {
    --ripple-color: var(--td-gray-color-10);
  }
  .t-button:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-bg-color-container-active);
  }
  .t-button--variant-base:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-bg-color-component-active);
  }
  .t-button--variant-base.t-button--theme-primary:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-brand-color-active);
  }
  .t-button--variant-base.t-button--theme-success:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-success-color-active);
  }
  .t-button--variant-base.t-button--theme-warning:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-warning-color-active);
  }
  .t-button--variant-base.t-button--theme-danger:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-error-color-active);
  }
  
  @-webkit-keyframes t-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }@keyframes t-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes t-fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes t-fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-webkit-keyframes t-spin {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes t-spin {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  .t-icon-loading {
    -webkit-animation: t-spin 1s linear infinite;
            animation: t-spin 1s linear infinite;
  }
  @-webkit-keyframes t-zoom-out {
    from {
      -webkit-transform: scale(0.2);
              transform: scale(0.2);
    }
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes t-zoom-out {
    from {
      -webkit-transform: scale(0.2);
              transform: scale(0.2);
    }
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .t-loading {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    color: var(--td-brand-color);
    font-size: var(--td-font-size-headline-large);
  }
  .t-loading--lock {
    overflow: hidden;
  }
  .t-loading.t-size-s {
    font-size: var(--td-font-size-body-large);
  }
  .t-loading.t-size-l {
    font-size: 56px;
  }
  .t-loading__parent--relative {
    position: relative !important;
  }
  .t-loading__fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3500;
  }
  .t-loading--center {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: middle;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .t-loading__content {
    position: absolute;
    left: 48%;
    top: 20%;
  }
  .t-loading--inherit-color {
    color: inherit;
  }
  .t-loading__parent {
    position: relative;
  }
  .t-loading__overlay {
    background-color: var(--td-mask-disabled);
  }
  /** 浠呯敤浜庝綔涓哄寘瑁瑰厓绱犳椂 */
  .t-loading--full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .t-loading--hidden {
    visibility: hidden;
  }
  .t-loading--visible {
    visibility: visible;
  }
  .t-loading__text {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font: var(--td-font-body-medium);
    margin-left: 5px;
  }
  .t-loading__gradient {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: middle;
  }
  .t-loading__gradient-conic {
    width: 100%;
    height: 100%;
    background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
    border-radius: var(--td-radius-circle);
    /* stylelint-disable-next-line */
    -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
    /* stylelint-disable-next-line */
    mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  }
  
  .trans-ctx--icon-trans {
    width: 20px;
    padding: 2px;
    border-radius: 2px;
    height: auto;
    cursor: pointer;
    display: none;
    opacity: 0;
    background-color: #0052d9;
  }
  .trans-ctx--icon-trans.trans-ctx--visible {
    opacity: 1;
    display: inline-block;
  }
  .trans-ctx--container-popup {
    position: fixed;
    opacity: 0;
    z-index: 99999999;
    display: none;
  }
  .trans-ctx--container-popup.trans-ctx--visible {
    opacity: 1;
    display: block;
  }
  
  .trans-ctx--panel-result {
    position: relative;
    width: 488px;
    color: rgba(0, 0, 0, 0.9);
    background-color: #fff;
    border-radius: 4px;
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: rgba(0, 0, 0, 0.8) 0 4px 23px -6px;
  }
  .trans-ctx--panel-result.trans-ctx--visible {
    display: block;
    opacity: 1;
  }
  .trans-ctx--panel-result .trans-ctx--container-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #eee;
  }
  .trans-ctx--panel-result .trans-ctx--container-title .trans-ctx--title-text {
    cursor: move;
    margin-right: 10px;
  }
  .trans-ctx--panel-result .trans-ctx--container-title .trans-ctx--icon-close {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 17px;
    width: 10px;
    height: auto;
    cursor: pointer;
  }
  .trans-ctx--panel-result .trans-ctx--container-title .trans-ctx--btn-more {
    margin-left: 10px;
    margin-right: 4px;
    font-size: 12px;
    cursor: pointer;
    color: #0052d9;
    text-decoration: underline;
  }
  .trans-ctx--panel-result .trans-ctx--container-title .trans-ctx--btn-more .trans-ctx--icon-more {
    position: relative;
    top: 1px;
    width: 12px;
    height: 12px;
  }
  .trans-ctx--panel-result .trans-ctx--icon-setting {
    position: relative;
    top: 3.5px;
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  .trans-ctx--panel-result .trans-ctx--content {
    padding: 16px;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--result-section:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--label {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    color: #333;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--container-collapsed-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content-collapsed {
    position: relative;
    flex: 1;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content-collapsed::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 99%);
    pointer-events: none;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--btn-expand {
    margin-left: 4px;
    font-size: 12px;
    color: #0052d9;
    cursor: pointer;
    text-decoration: underline;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content {
    position: relative;
    max-height: 280px;
    padding-left: 4px;
    line-height: 30px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content.trans-ctx--source {
    max-height: 75px;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content .trans-ctx--collapsed-target {
    position: relative;
    max-height: 180px;
    overflow: hidden;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content .trans-ctx--collapsed-target .trans-ctx--btn-expand {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    border: none;
    background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 60%, #fff 100%);
    cursor: pointer;
    user-select: none;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content .trans-ctx--collapsed-target .trans-ctx--btn-expand .trans-ctx--icon-expand {
    position: absolute;
    bottom: 0;
    left: 50%;
    font-size: 24px;
    color: #0052d9;
    transform: translate(-50%, 0);
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content .trans-ctx--error-tip {
    color: #e34d59;
  }
  .trans-ctx--panel-result .trans-ctx--content .trans-ctx--trs-content .trans-ctx--btn-retry {
    margin-left: 4px;
    font-size: 12px;
    color: #0052d9;
    cursor: pointer;
    text-decoration: underline;
  }
  .trans-ctx--selector-lang {
    width: 120px;
    margin: 0 4px;
    height: 28px;
    line-height: 18px;
    outline: none;
    background-color: #fff;
    border: solid 1px #b0bac5;
    padding: 3px 6px;
    color: rgba(0, 0, 0, 0.9);
    /* 娓呴櫎榛樿鐨勭澶存牱寮� */
  }
  .trans-ctx--selector-lang:focus {
    border: 1px solid #3582fb;
  }
  
  .trans-ctx--icon-copy {
    position: relative;
    top: 1.5px;
    width: 14px;
    height: auto;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
  }
  